@charset "utf-8";
/* CSS Document */

/*Function*/
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1;display:block}
.vanisher{display:none;}

/*Body*/
::-moz-selection{ background:#FFFF00; color:#000;}
::selection{ background:#FFFF00; color:#000; text-decoration:none;}
/* *:focus { outline: none;}*/
a{ color:#616161;}
a:hover{ color:#999;}
html{ height:100%;}
body{ font-family:Tahoma, Verdana, Arial ,sans-serif; font-size:12px; color:#333; line-height:20px; height:100%; background:#fff; min-width:320px; overflow:hidden;}
html,body{}
body{  /*overflow-y:scroll;*/}


/*Index*/
.idx_header{ width:100%; height:78px; position:relative; z-index:1;}
.idx_header .bg{ width:100%; height:78px; position:relative; z-index:0;}
.idx_header h1{ position:absolute; top:0; left:40px; z-index:1;}
.idx_header h1 img{ width:172px; height:71px;}

.idx_news{ position:absolute; top:71px; right:0; background:url(../imgs/lay_p_3.png); width:409px; height:53px;}
.idx_news ul{ margin-left:100px;}
.idx_news li{ width:100%; clear:both; padding:7px 0;}
.idx_news li a{ width:100%; display:block;}
.idx_news li time{ color:#999; float:left; width:75px;}
.idx_news li h3{ float:left; width:215px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:3px\9;}

.lang{ position:absolute; top:0; right:0; z-index:3; width:150px; height:30px; background:url(../imgs/lay_p_5.png); text-align:center;}
.lang li{ display:inline-block; padding:2% 5%;}

.idx_content{}
/*
.idx_banner{ position:fixed; top:-50%; left:-50%; width:200%; height:200%; z-index:0;}
.idx_banner li img{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%;}
*/
#bgContainer{ position:fixed; z-index:0; top:71px; left:0;}
.idx_nav{ width:250px; height:350px; position:fixed; left:30px; bottom:140px; z-index:1;}

.global_footer{ position:fixed; left:0; bottom:0; z-index:2; width:100%; height:36px; line-height:37px;}
.idx_footer{ position:fixed; left:0; bottom:0; z-index:1;}
.global_footer .bg{ width:100%; height:36px; position:relative; z-index:0;}
.global_footer dl{ position:absolute; z-index:3; top:0; left:10px;}
.global_footer dt,.global_footer dd{ float:left;}
.global_footer dt span{ background:url(../imgs/lay_p_4.png) no-repeat 2px 0; width:18px; height:18px; display:block; text-indent:-9999px; margin:9px;}
span.i1{}
.global_footer dt span.i2{ background-position:-18px 0;}
.global_footer .copyright{ position:absolute; z-index:3; top:14px; right:15px;}


/*Info*/

.global_nav{ width:195px; height:100%; float:left; position:relative; z-index:2;}
.global_nav .bg{ width:195px; height:100%; position:relative; z-index:0;}
.global_nav .logo{ position:absolute; z-index:1; top:25px; left:7px;}
.global_nav .logo img{  width:172px; height:71px;}
.global_nav>ul{ position:absolute; z-index:1; top:120px; left:18px;}

.global_nav>ul>li>a{ background:url(../imgs/lay_p_8.png) no-repeat 0 100%; text-indent:16px; width:100%; height:30px; display:block; line-height:27px; color:#000;}
.global_nav>ul>li>a span{ font-size:10px; -webkit-transform:scale(0.83); display:inline-block; -webkit-transform-origin:-50% 60%; letter-spacing:1px;}
.global_nav>ul>li>a:hover{ color:#666}

.global_nav>ul>li>ul{ width:140px; padding-left:12px; padding-top:5px; display:none;}
.global_nav>ul>li>ul>li{ padding:2px 0;}
.global_nav>ul>li>ul>li>a{ background:url(../imgs/lay_p_9.png) no-repeat; width:100%; height:26px; display:block; color:#000; text-indent:13px; line-height:25px;}
.global_nav>ul>li>ul>li.current>a,.global_nav>ul>li>ul>li:hover>a{ background-position:0 -26px;}

.global_nav>ul>li.current>ul{ display:block;}




.global_content_wrap{ /*background:#ccc;*/ float:left; height:100%; position:relative; z-index:2;}
.global_content{ background:#fff; width:90%; min-width:800px; /*height:78%;*/ min-height:455px; margin:152px auto 0; position:relative;}

.crumb{ background:url(../imgs/lay_p_10.png); width:487px; height:65px; padding:6px 0 0 19px; position:absolute; top:-71px; left:0;}
.crumb li{ background:url(../imgs/lay_p_12.png) no-repeat 85% 50%; padding-right:20px; float:left;}
.crumb li a{ color:#555;}
.crumb li.home a{ color:#BB8D44; padding-left:2px;}
.crumb li.current{ clear:both; background:none; font-family:微軟正黑體; font-size:30px; color:#555; padding:10px 0;}

.r_float_t_s{ width:495px; height:71px; position:absolute; top:-71px; right:0;}
.r_shadow{ background:url(../imgs/lay_p_11.png); width:10px; height:100%; position:absolute; top:0; right:-10px;}

.if_bg{ width:100%; position:absolute; top:0; left:0; z-index:1;}
.if_body_bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;}

.if_bg_b{ width:100%; position:absolute; bottom:0; left:0; z-index:0;}
.if_bg_c{ width:100%; position:absolute; top:30%; left:0; z-index:0;}

.tab_prev,.tab_next{ background:url(../imgs/lay_p_17.png); width:33px; height:59px; position:absolute; top:45%; left:1%; z-index:101; text-indent:-9999px; transition:all .2s;}
.tab_next{ background-position:-33px 0; left:auto; right:1%;}

.tab_prev:hover,.tab_next:hover{ opacity:.5;}

.if_wrap{ width:800px; height:450px; /*background:#eee;*/ position:absolute; top:47%; left:50%; margin:-225px 0 0 -400px; font-family:微軟正黑體; font-size:15px; line-height:24px; color:#666; background:url(../imgs/blank.png)}
.if_wrap>div{ width:100%;}
.if_wrap>div._b16{ width:48%;}
.if_wrap .s_h2_1{ background:url(../imgs/lay_p_14.png); width:429px; height:59px; font-size:25px; color:#637F19; text-shadow:0 1px 1px #fff; font-weight:bold; line-height:50px; text-indent:20px;}
.if_wrap .s_h2_1 span{ color:#333; font-size:18px; margin:0 10px;}
.if_wrap ._b1{ }
.if_wrap ._b2{ width:285px; margin-left:22px; float:left;}
.if_wrap ._b3{ position:absolute; top:0; right:0; height:425px;}
.if_wrap ._b3 img{ height:100%;}

._b2{ text-align: justify; text-justify:inter-ideograph;}

h3._b4{ color:#527906; font-weight:bold;}
._b5{ width:70%; margin-left:22px; margin-top:20px;}
._b5>div{ float:left; margin-right:5%;}

._b6{ /*padding:70px 0 0 55px;*/}
._b6 li{ transition:all .2s;}
._b6 li a{ }

._b6 li:hover{ opacity:.8;}

._b6 img{}
._b6 h3{}
._b6 span{}


.s_ul_1{}
.s_ul_1>li{ margin-left:22px; list-style-type:decimal;}
.s_ul_1>li>ul>li{}
.s_ul_2{ margin-bottom:15px;}
.s_ul_2>li{ margin-left:22px; list-style-type:upper-alpha;}
.s_ul_2.inline { width:100%; margin-bottom:20px;}
.s_ul_2.inline li { float:left; margin:20px; }
.s_ul_3{}
.s_ul_3>li{ margin-left:22px; list-style:decimal;}
.s_ul_3>li>ul>li{ margin-left:22px; list-style-type:upper-alpha;}
.s_ul_3>li>ul>li>ul>li{ margin-left:22px; list-style-type:lower-alpha;}
.s_ul_4{}
.s_ul_4>li{ margin-left:22px; list-style-type:circle;}
.s_ul_4>li>ul>li{}



.s_h2_2{ font-size:20px; color:#638119; font-weight:bold;}

.s_tab_1{ width:98%;}
.s_tab_1 .tab_nav{ position:relative; background:url(../imgs/lay_p_18.png) repeat-x 0 100%;}
.s_tab_1 .tab_nav li{ background:#fff; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #999; float:left; position:relative; top:10px; padding:5px 15px; font-weight:bold;}
.s_tab_1 .tab_nav li.current{ background:#EEF8D1; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #EEF8D1; border-left:1px solid #999; padding:10px 15px; top:0;}
.s_tab_1 .tab_nav li.first{ border-left:1px solid #ccc; }
.s_tab_1 .tab_nav li.first.current{ border-left:1px solid #999;}
.s_tab_1 .tab_nav li a{}

.s_tab_1 .tab_info{ background:url(../imgs/lay_p_19.png) repeat-x;}
.s_tab_1 .tab_info li{ border-bottom:1px solid #ccc; padding:2%;}
.s_tab_1 .tab_info li h3{ color:#638119; font-weight:bold;}


#service1-cycle-pager{ 
text-align: center;
bottom:10%; left:170px;
width: 100%;
position: absolute;
z-index: 999;}
#service1-cycle-pager span{ font-size:50px; cursor:pointer; color:#ccc;}
#service1-cycle-pager span.cycle-pager-active{ color:#BBCC65; }




.s_tb_1{ width:100%;}
.s_tb_1 th{ font-size:20px; font-weight:bold; padding:3px 20px; width:50%;}
.s_tb_1 td{ border-top:1px solid #ccc; padding:1px 20px;}
.s_tb_1 tr:nth-child(odd){ background:#DEEEEF;}
.s_tb_1 tr:nth-child(even){ background:#EEF7F7;}
.s_tb_1 tr th:nth-child(1){ text-align:right;}
.s_tb_1 tr td:nth-child(1){ text-align:right;}

.icon_vs{ margin:0 5px 0 -32px;}

#gmap{ width:50%; height:400px; float:right;}

.s_dl_1{ }
.s_dl_1 dt{ width:27%; float:left; clear:both; background:url(../imgs/lay_p_27.png) no-repeat 0 50%; text-indent:20px;}
.s_dl_1 dd{ width:73%; float:left;}

.s_note_1{ background:#F4EADB; padding:5px 10px; }




ul.s_form_1{}
.s_form_1 li{ border-bottom:1px dotted #ccc; padding:5px 0; position:relative;}
.s_form_1 li label{ width:200px; display:block; float:left; text-indent:20px; background:url(../imgs/lay_p_27.png) no-repeat 0 50%; line-height:27px; }
.s_form_1 li input[type=text],.s_form_1 li input[type=password]{ border:0; border-top:1px solid #ccc; background:#eee; width:30%; height:27px; padding:0 10px; color:#333;}
.s_form_1 li textarea{ border:0; border-top:1px solid #ccc; background:#eee; width:50.5%; height:100px; padding:0 10px; color:#333;}

.s_form_1 li select{ border:0; border-top:1px solid #ccc; background:#eee; width:20%; height:27px; color:#333; text-indent:5px;}
.s_form_1 label.s_1{ width:auto; float:none;  display:inline-block; background:none; }

.s_form_1 .s_bt_1{ margin-left:200px;}

.s_bt_1{ background:url(../imgs/lay_p_20.png) 0 -26px; width:140px; height:26px; display:block; color:#fff; font-size:13px; text-indent:10px; line-height:24px; border:0; text-align:left; cursor:pointer;}
.s_bt_1:hover{ background-position:0 0; color:#CEA155;}



.if_wrap ._b7{ width:200px; float:left; position:relative;}
.if_wrap ._b7 ._b9{ position:absolute; bottom:3%; left:6%; color:#333; width:88%;}
.if_wrap ._b7 ._b9 label{ font-size:12px; font-family:Arial;}
.if_wrap ._b7 ._b9 select{ width:100%; border: 0;
border-top: 1px solid #ccc;
background: #eee;
height: 27px;
color: #333;
text-indent: 5px;}

.if_wrap ._b8{ width:100%; min-height:450px; float:left; position:relative; margin-top:-30px;}
.if_wrap ._b8 ul.s_news_list_1{ margin-left:20px;}
.if_wrap ._b8 ul.s_news_list_1 li{ padding:3px 15px; border-bottom:1px solid #ccc; background:url(../imgs/lay_p_27.png) no-repeat 0 11px;}
.if_wrap ._b8 ul.s_news_list_1 li a h3{}
.if_wrap ._b8 ul.s_news_list_1 li span.new{ color:#F00; font-style:italic; font-size:12px; margin-left:10px;}
.if_wrap ._b8 ul.s_news_list_1 li time{ float:right; font-size:12px;}
.if_wrap ._b8 ._b10{ width:100%; height:40px;}
.if_wrap ._b8 .lang{ font-size:12px; font-family:Arial;}

.if_wrap ._b8 .s_news_info_1{ width:96%; height:450px; margin:1% 0 0 3%; padding-right:7px;}

.if_wrap>div.pager{ float:right; width:auto; margin-top:20px;}
.pager a{ display:inline-block; color:#333; padding:0 8px; float:left; background:#fff; margin:0 1px; font-size:12px;}
.pager span{ float:left; display:inline-block; padding:0 7px;}
.pager a:hover{ color:#C19147;}
.pager a.current{ background:#ccc; color:#fff; font-weight:bold; cursor:default;}


.loader{ position:fixed; width:100%; height:100%; z-index:9; background:url(../imgs/loader.gif) no-repeat 50% 50% #fff;}
.rotation_your_device{ position:fixed; width:100%; height:100%; z-index:9; background:url(../imgs/rotation_your_device.png) no-repeat 50% 50% #fff; display:none;}


.cycle-slideshow{ overflow:hidden;}


.qa_list .answer_icon{ width:20px; font-weight:bold; float:left; display:block;}
.qa_list .answer_info{ float:left; width:96%; margin-left:8px;}

.ck_zone{ line-height:1.6;}
/*.ck_zone *{word-break:break-all; word-wrap:break-word;}*/








/*Mobile*/

._m_header{ width:100%; height:50px; text-align:left; position:fixed; top:0; left:0; z-index:9; background:#fff; display:none;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 3%, #fcedb7 27%, #fcedb7 27%, #86b322 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(3%,#ffffff), color-stop(27%,#fcedb7), color-stop(27%,#fcedb7), color-stop(100%,#86b322)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 3%,#fcedb7 27%,#fcedb7 27%,#86b322 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 3%,#fcedb7 27%,#fcedb7 27%,#86b322 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 3%,#fcedb7 27%,#fcedb7 27%,#86b322 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 3%,#fcedb7 27%,#fcedb7 27%,#86b322 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#86b322',GradientType=1 ); /* IE6-9 */

box-shadow:rgba(0,0,0,.2) 0 5px 10px;

}

._m_header a._m_logo{ display:inline-block;}
._m_header a._m_logo img{ height:60px; display:inline-block; margin-top:-5px;}


._m_nav_bt{ position:absolute; top:14px; right:12px; font-size:14px; color:#fff;}
._m_nav_bt:hover{ color:#fff;}
._m_nav_bt i{ color:#fff;}
._m_nav{ width:100%; height:100%; position:fixed; z-index:3; top:-100%; left:0; overflow:auto; opacity:0; display:none;
background: #fff; -webkit-overflow-scrolling: touch;}

._m_nav div.header{ background:rgba(0,0,0,.1); padding:10px 20px;}
._m_nav div.header span{ font-size:10px; margin-left:10px;}
._m_nav li{ font-size:15px;}
._m_nav li ul li{ border-bottom:1px solid #ccc;}
._m_nav a{ padding:10px 20px; display:block;}
._m_nav a i{ color:#C19147; margin-right:5px;}


.if_bg_d{ width:100%; display:none; overflow:hidden; margin-top:50px;}
.if_bg_d img{ width:120%; margin-left:-10%;}


._m_if_wrap{ font-family: 微軟正黑體;font-size: 15px;line-height: 24px; color: #666; padding:5%; display:none;}
._m_if_wrap ._b2{ width:50%; float:left;}
._m_if_wrap ._b3{ width:50%; float:left;}
._m_if_wrap img{ width:100%;}
._m_if_wrap ._b13{ display:none;}
._m_if_wrap>div{ clear:both;}
._m_if_wrap ._b14{ display:none;}

._b16{ width:48%; float:left;}

._m_if_wrap .s_h2_1{ background:url(../imgs/lay_p_14.png); width:429px; height:59px; font-size:25px; color:#637F19; text-shadow:0 1px 1px #fff; font-weight:bold; line-height:50px; text-indent:20px;}
._m_if_wrap .s_h2_1 span{ color:#333; font-size:18px; margin:0 10px;}

._m_global_footer{ display:none; clear:both; background:rgba(255,255,255,.8); padding:20px 0 80px; text-align:center;}


._m_if_wrap .tab_info{ background-color:#fff;}
._m_if_wrap .s_tab_1{ width:100%;}


#service2-cycle-pager{ 
text-align: center;
bottom:10%; left:170px;
width: 100%;}
#service2-cycle-pager span{ font-size:50px; cursor:pointer; color:#ccc;}
#service2-cycle-pager span.cycle-pager-active{ color:#BBCC65; }


._m_idx_banner{ position:absolute; z-index:0; top:50px; display:none;}
._m_idx_banner img{ width:100%;}
._m_idx_banner_cover{ width:100%; margin-top:50px;}

._m_idx_nav{ display:none; position:relative; width:100%; background:#fff; margin-bottom:5%;}
._m_idx_nav ul{ width:90%; margin:0 auto;}
._m_idx_nav li{ width:33.3%; float:left;}
._m_idx_nav li:hover{ opacity:.8; transition:.2s all;}
._m_idx_nav a img{ width:100%;}



@media screen and (max-width: 1200px) {
	.global_content{ margin:152px 0 0 -8px; width:101%;}
}
@media screen and (max-width: 1024px) {
	body{ overflow:auto;}
	/*
	.global_footer{ position:relative; clear:both;}
	.global_content_wrap{ height:auto;}
	*/
}


@media screen and (max-width: 980px) {
	.global_nav{ display:none;}
	.if_bg{ display:none;}
	.if_body_bg{ display:none;}
	._m_header,._m_nav{ display:block;}
	.if_bg_d{ display:block;}
	.if_bg_b,.if_bg_c{ display:none;}
	
	.global_content_wrap{ width:100%; height:auto;}
	.global_content{ margin:0; background:transparent; min-width:100%;}
	.if_wrap{ display:none;}
	._m_if_wrap{ display:block;}
	.r_shadow{ display:none;}
	.crumb{ z-index:1;}
	
	._m_use.if_wrap{ display:block; width:90%; height:auto; position:static; margin:0 5% 5%; padding-top:5%; clear:both; }
	._m_use.if_wrap .qa_list .answer_info{ width:90%;}
	
	._m_use.if_wrap ._b8 ul.s_news_list_1 li time{ margin-left:10px;}
	._m_use.if_wrap .pager a{ padding:8px 16px; font-size:15px;}
	
	._m_use.if_wrap .ck_zone{ width:100%; height:auto; margin:5% 0%;}
	._m_use.if_wrap ._b8 ul.s_news_list_1{ margin:0;}
	
	._m_use.if_wrap ._b16{ width:100%;}
	._m_use.if_wrap ._b16 dt{ width:100%; color:#C19147;}
	._m_use.if_wrap ._b16 dd{ width:100%; padding-left:21px;}	
	._m_use.if_wrap #gmap{ width:100%; margin-top:5%;}
	
	.tab_prev,.tab_next{ display:none;}
	
	.global_footer{ display:none;}
	._m_global_footer{ display:block;}
	
	#service1-cycle-pager{ display:none;}
	
	html{ height:auto; min-height:100%;}
	body{ overflow:auto; min-height:100%;
	background: #ffffff; /* Old browsers */
	
	}
	
	._b12{ position:relative; float:left; width:100%; padding-bottom:5%; min-height:350px;}
	img._b11{ position:absolute; top:0; right:0; width:60%;}
	
	
	#bgContainer{ display:none; height:0; overflow:hidden;}
	.idx_header .bg,
	.idx_header h1,
	.idx_header .lang
	{ display:none;}	
	.idx_header{ height:0}
	.idx_news{ top:0; width:100%; background:url(../imgs/_m_lay_p_3.png) no-repeat #fff; background-size:auto 100%; height:37px; box-shadow: rgba(0,0,0,.2) 0 5px 10px;}
	.index_page ._m_header{ box-shadow:none;}
	
	._m_idx_banner{ display:block;}
	._m_idx_nav{ display:block;}
	.idx_nav{ display:none;}
	
	._b5{ margin-left:0;}
	
	.if_wrap ._b8{ margin-top:0;}
	.if_wrap ._b8 .s_news_info_1{ margin-top:1%;}
	
	#address{ margin-left:200px;}

}
@media screen and (max-width: 700px) {
	._b5{ width:50%;}
	img._b11{ width:84%;}
	
	._m_if_wrap ._b6{ display:none;}
	._m_if_wrap ._b13{ display:block;}
	._m_if_wrap ._b13 img{  border:1px solid #ccc;}
	
	._m_if_wrap .s_tab_1 .tab_nav li{ position:static; border:0; width:49%; padding:5px 0; text-align:center; border:1px solid #fff; margin:1px; background:#EEF8D1;}
	._m_if_wrap .s_tab_1 .tab_nav li:nth-child(2n-1){ margin-right:2px;}
	._m_if_wrap .s_tab_1 .tab_nav li.current{ padding:5px 0; border:1px solid #999;}
	._m_if_wrap .s_tab_1 .tab_nav li.first.current{ border:1px solid #999;}
	._m_if_wrap .s_tab_1 .tab_nav li a{ width:100%; height:100%; display:block;}
	._m_if_wrap .s_tab_1 .tab_nav{ background:none; margin-bottom:20px;}
	
}
@media screen and (max-width: 600px) {
	._m_if_wrap img._b11{ width:84%; position:static; margin-top:-20px;}
	._b12:nth-child(1){ height:auto;}
	._b12{ height:auto; padding-bottom:20px;}
	._b5{ width:100%;}
	
	._m_if_wrap ._b14{ display:block;}
	._m_if_wrap ._b15{ display:none;}
	
	
	.s_form_1 li label{ width:100%;}
	.s_form_1 li select{ width:95%;}
	.s_form_1 li input[type=text], .s_form_1 li input[type=password]{ width:90%;}
	.s_form_1 li textarea{ width:90%;}
	.s_form_1 .s_bt_1{ margin:0;}
	
	.s_form_1 label.s_1{ margin-left:-20px;}
	
	#address{ margin-left:0;}
}



/*
@media screen and (max-height: 650px) {
	.if_wrap{ height:400px; margin:-200px 0 0 -400px;}
	.if_wrap ._b3{ height:400px;}
	body{ display:none;}
}
*/


@media screen and (max-width: 550px) {
	._m_if_wrap ._b2{ width:100%;}
	._m_if_wrap ._b3{ width:100%;}
	._m_if_wrap img{ margin:5% 0;}
	
	._m_if_wrap .s_tab_1 .tab_nav li{ width:48.6%;}
	._m_if_wrap .s_tab_1 .tab_nav li:nth-child(2n-1){ margin-right:1px;}
}

@media screen and (max-width: 500px) {
	.r_float_t_s{ display:none;}
	.if_bg_d img{ width:200%; margin-left:-50%;}
	._m_header{ text-align:left;}
	
	

	._b5>div{ clear:both;}
	
	._m_if_wrap .s_h2_1{ font-size:19px; width:100%;}
}

@media screen and (max-width: 400px) {
	.idx_news li time{ display:none;}
	.idx_news li h3{ width:95%;}
}

@media screen and (max-width: 320px) {
	body{ width:320px;}
}




/* Portrait */
/*@media screen and (orientation:portrait) {
    .rotation_your_device{ display:block;}
}*/
/* Landscape */
/*@media screen and (orientation:landscape) {
}*/