@charset "utf-8";
/* CSS Document */
body {
	background-image: url(../file-photo/bgall02.jpg) ;
	background-repeat : repeat;
	background-position : center top;
	background-color : #000;
	margin-top: 0px;
	background-attachment:fixed;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body,td,th {
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}

img{
	max-width: 100%;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
        ul, li { margin: 0.5%; padding: 0; list-style-type: none; }
        ul { }
        .masonry1 li { width: 33%; }
        .content {
background-color:#FFFFFF;
padding:3%;
border-radius: 3px;
border:1px solid #D6D6D6;
margin:2%;
color:#000000;
overflow:hidden;
		}
		 .imgclip {
border-radius: 3px;
border:1px solid #D6D6D6;
		}
.fontcolorw{
	color:#FFF	
}
.content-clip {
background-color:#FFFFFF;
padding:1%;
border-radius: 3px;
border:1px dashed #999;
margin:1.5%;
color:#000000;
overflow:hidden;
		}
        .content:hover {
border:1px solid #666666;
		}
.menulook{
width:190px; margin:4px; border-bottom:1px dashed #666666; text-align:left;  color:#FFFFFF; font-size:13px;
}
		.content-detail{
background-color:#FFFFFF;
padding:1%;
border-radius: 3px;
border:1px solid #D6D6D6;
margin:1%;
color:#000000;
overflow:hidden;
width:66%;
float:left;
		}
		.content-detail-rall{
width:30%;		
		}
		.content-detail-r{
background-color:#FFFFFF;
border-radius: 3px;
border:1px solid #D6D6D6;
color:#000000;
overflow:hidden;
width:94%;
padding:2%;
margin:1%;
		}
.masonry3 li { width: 24.70%;  }
    body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.twophoto {width: 50%; float:left;}
.sixphoto {width: 25%; float:left;}
@font-face {
font-family: 'RSU_Regular';
src: 
url('../font/RSU_Regular.eot');
src: 
url('../font/RSU_Regular.eot?') format('embedded-opentype'),
url('../font/RSU_Regular.woff') format('woff'),
url('../font/RSU_Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1{
font-size: 13px;
display:inline;
}
.content-detail h1{
font-family: RSU_Regular;
font-size: 24px;
font-weight:bold;
text-shadow: 2px 2px 2px #DADADA;
display: inline;
color:#0000CC;
}
h2{
font-family: RSU_Regular;
font-size: 20px;
font-weight:bold;
text-shadow: 2px 2px 2px #DADADA;
display: inline;
}
h4{
font-family: RSU_Regular;
font-size: 20px;
font-weight:bold;
display: inline;
}
h5{
display: inline;
}
.fontblack{
font-family: RSU_Regular;
font-size: 26px;
font-weight:bold;
}
.logoall {
position:fixed;
top:0;
z-index:99;
background-color:#FF0000;
width:100%;
overflow:hidden;
text-align:left; 
clear:both; 
}
.fontview{
text-align:left; 
font-size:11px; 
line-height:25px; 
color:#B1B1B1;
}
.bodycommentmain{
width:70%; 
float:left;
font-weight:bold;
color:#999999;
}
.bodysharemain{
width:30%;
float:right;
text-align:right;
font-weight:bold;
color:#999999;
}
.bodysharemainlink{
color:#999999;
}
.body-all-shareans{
width:100%;
}
.line-content{
height:1px; 
background-color:#DFDFDF; 
margin-top:5px; 
margin-bottom:8px;
}
.imgphoto { -moz-opacity:1; opacity:1.0;}
.imgphoto:hover { -moz-opacity:0.2;opacity:0.6 } 
.imgphoto {-webkit-transition:0.7s; -moz-transition:0.7s;-o-transition:0.7s;}
.blurphoto{
filter: blur(4px);
-webkit-filter: blur(7px);
-moz-filter: blur(7px);
-o-filter: blur(7px);
-ms-filter: blur(7px);
}
.btnnext {
  background: #ed2323;
  background-image: -webkit-linear-gradient(top, #ed2323, #f70d0d);
  background-image: -moz-linear-gradient(top, #ed2323, #f70d0d);
  background-image: -ms-linear-gradient(top, #ed2323, #f70d0d);
  background-image: -o-linear-gradient(top, #ed2323, #f70d0d);
  background-image: linear-gradient(to bottom, #ed2323, #f70d0d);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  text-shadow: 1px 1px 3px #b88db8;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin:0.5%;
}
.btnnext:hover {
  background: #a6a6a6;
  background-image: -webkit-linear-gradient(top, #a6a6a6, #a8a8a8);
  background-image: -moz-linear-gradient(top, #a6a6a6, #a8a8a8);
  background-image: -ms-linear-gradient(top, #a6a6a6, #a8a8a8);
  background-image: -o-linear-gradient(top, #a6a6a6, #a8a8a8);
  background-image: linear-gradient(to bottom, #a6a6a6, #a8a8a8);
  text-decoration: none;
}
.bodynext {
padding:2%; width:96%; overflow:hidden; background-image:url(../file-photo/bg-next.png); clear:both; text-align:center;
}
.bodynext:hover {
background-image:url(../file-photo/bg-nexthover.png); 
}

.bodynextold {
padding:2%; width:41%; float:left; overflow:hidden;background-image:url(../file-photo/bg-next.png); text-align:center;
}
.bodynextold:hover {
background-image:url(../file-photo/bg-nexthover.png); 
}

.homeweb {
padding:2%; width:6%; float:left; overflow:hidden;background-image:url(../file-photo/bg-next.png); text-align:center;
}
.homeweb:hover {
background-image:url(../file-photo/bg-nexthover.png); 
}

.bodynextnew {
padding:2%; width:41%; float:right; overflow:hidden;background-image:url(../file-photo/bg-next.png);  text-align:center;
}
.bodynextnew:hover {
background-image:url(../file-photo/bg-nexthover.png); 
}

.btnmorenext{
width:96%; padding:2%; overflow:hidden; background-image:url(../file-photo/bg-next.png); clear:both; text-align:center;
}
.logore{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 0;
-webkit-box-shadow:#DFDFDF 0 0 4px 4px;
-moz-box-shadow: #DFDFDF 0 0 4px 4px;
box-shadow: #DFDFDF 0 0  4px 4px;
position:fixed;
top:0;
z-index:99;
background-image:url(../file-photo/bgall.png);
width:100%; 
height:40px; 
text-align:left; 
clear:both; 
display:none;
}
.linelogo{
height:170px;
}
.style-tag{
border:1px solid #CCCCCC;
background-color:#E4E4E4;
padding:0.5%;
margin:0.5%;
float:left;
}
.style-tag h2{
	font-family: Tahoma;
	font-size: 13px;
}
.body-detail-r{
width:29%;  height:auto; float:left;
}
.textnofont h2{
	font-family: Tahoma;
	font-size: 13px;
}
.footer{
padding:2%; 
background-color:#353535; 
color:#CCCCCC; 
text-align:center;
overflow:hidden;
}
.footer h3{
	font-family: Tahoma;
	font-size: 13px;
	display:inline;
}
.bodyss {
	border: 1px solid #FFFFFF;
	width: 80%;
	height: 40px;
	font-size:18px;
}
.boxss {
	font-weight: normal;
	border: 1px solid #999999;
	background-color:#999999;
	width: 18%;
	height: 46px;
	border-radius: 3px;
	color:#FFFFFF;
}
.bodyall-ss{
background-color:#FFFFFF;
padding:1%;
border-radius: 3px;
border:1px solid #999;
margin:1.5%;
color:#000000;
overflow:hidden;
}
.bodyall-textss{
margin:1.5%;
}
.menuall {
background-color:#FFFFFF;
padding:1%;
border-radius: 3px;
border:1px solid #4E4E4E;
margin-left:1.5%;
color:#000000;
overflow:hidden;
		}
.logoclose{
display:block;
}
.body-clip{
width:14.5%; margin:1%;  float:left;
}
.body-clip li {
	height:60px;
	padding:1%;
}
.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}
.bodyall{
border-radius : 100%;
color:#666;
float:left;
width:30px;
height:30px;
line-height:30px;
text-align:center;
margin:4px;
}
.bodyall-select{
border-radius : 100%;
background-color: #666;
color:#FFF;
float:left;
width:30px;
height:30px;
line-height:30px;
text-align:center;
margin:4px;
}
.bodyallpage{
border-radius : 100%;
color:#FFF;
background-color: #666;
float:left;
width:33px;
height:33px;
line-height:33px;
text-align:center;
margin:3px;
position:relative;
font-size:14px;
   
}
.bodyall-selectpage{
border-radius : 100%;
background-color: #666;
color: #FFF;
float:left;
width:33px;
height:33px;
line-height:33px;
text-align:center;
margin:3px;
border:2px solid #666;font-size:14px;
}
.bodyall-reload{
border-radius : 100%;
color: #000;
float:left;
width:33px;
height:33px;
line-height:33px;
text-align:center;
margin:3px;font-size:14px;
}
.goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon {
    display: none !important;
}
body {
    top: 0px !important;
}
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Set the size and font of the tab widget */
.tabGroup {
    font: 10pt arial, verdana;
    width: 980px;
	text-align:left;
	border-radius: 4;
	
}
 
/* Configure the radio buttons to hide off screen */
.tabGroup > input[type="radio"] {
    position: absolute;
    left:-100px;
    top:-100px;
	
}
 
/* Configure labels to look like tabs */
.tabGroup > input[type="radio"] + label {
    /* inline-block such that the label can be given dimensions */
    display: inline-block;
 
    /* A nice curved border around the tab */

     
    /* the bottom border is handled by the tab content div */
    border-bottom: 0;
 
    /* Padding around tab text */
    padding: 5px 10px;
 
    /* Set the background color to default gray (non-selected tab) */
 
}
 
/* Focused tabs need to be highlighted as such */
.tabGroup > input[type="radio"]:focus + label {
 
}
 
/* Checked tabs must be white with the bottom border removed */
.tabGroup > input[type="radio"]:checked + label {
    /* inline-block such that the label can be given dimensions */
    display: inline-block;
 
    /* A nice curved border around the tab */
    border: 1px solid #FFFFFF;
     
    /* the bottom border is handled by the tab content div */
    border-bottom: 0;
 
    /* Padding around tab text */
    padding: 5px 10px;
 
    /* Set the background color to default gray (non-selected tab) */
    background-color:#FFFFFF;
	color: #000000;
}
 
/* The tab content must fill the widgets size and have a nice border */
.tabGroup > div {
    display: none;
    border: 1px solid #FFFFFF;
    background-color: white;
	padding: 5px;
    height: 100%;
    overflow: auto;
	color: #000000;
	
     

}
 
/* This matchs tabs displaying to thier associated radio inputs */
.tab1:checked ~ .tab1, .tab2:checked ~ .tab2, .tab3:checked ~ .tab3 {
    display: block;
	
}
.w3-container:after,.w3-panel:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after
{content:"";display:table;clear:both}
.w3-container{}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar li{}.w3-navbar li a,.w3-navitem,.w3-navbar li .w3-btn,.w3-navbar li .w3-input{display:block; padding: 10px;}.w3-navbar li .w3-btn,.w3-navbar li .w3-input{border:none;outline:none;width:100%;}
.w3-navbar li a:hover{color:#fff;background-color:#B19500;}
.w3-navbar .w3-dropdown-hover,.w3-navbar .w3-dropdown-click{position:static}
.w3-navbar .w3-dropdown-hover:hover,.w3-navbar .w3-dropdown-hover:first-child,.w3-navbar .w3-dropdown-click:hover{background-color:#B19500;color:#fff}
.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropdown-content a,.w3-accordion-content a,.w3-dropnav a{text-decoration:none!important}
.w3-navbar .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#FC0!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#7C6800!important;}
.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
a {
	color: #FFCC00;
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab {
	text-align: center;
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab {
	color: rgb(102,102,102);
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab {
	color: rgb(255,204,0);
}
#TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab {
	color: rgb(0,0,0);
	font-size: 12.5px;
}